<template>
  <view class="privacy-policy-container">
    <view class="header">
      <text class="title">隐私政策</text>
      <text class="update-date">更新日期：2025年9月1日</text>
    </view>

    <view class="content">
      <view class="section">
        <text class="section-title">1. 信息收集</text>
        <text class="section-content">
          我们可能收集以下类型的信息：\n• 个人身份信息：如您的姓名、微信昵称、头像等\n• 设备信息：设备型号、操作系统版本、设备标识符等\n• 使用数据：测试成绩、使用时长、功能使用情况等\n• 位置信息：仅在您明确授权的情况下收集
        </text>
      </view>

      <view class="section">
        <text class="section-title">2. 信息使用</text>
        <text class="section-content">
          我们使用收集的信息用于：\n• 提供和改进我们的服务\n• 个性化用户体验\n• 分析用户行为以优化产品功能\n• 发送重要通知和更新\n• 防止欺诈和滥用行为
        </text>
      </view>

      <view class="section">
        <text class="section-title">3. 信息共享</text>
        <text class="section-content">
          我们不会出售、交易或转让您的个人信息给第三方，除非：\n• 获得您的明确同意\n• 法律法规要求\n• 保护我们的权利和安全\n• 与可信的第三方服务提供商合作（他们同意保密）
        </text>
      </view>

      <view class="section">
        <text class="section-title">4. 数据安全</text>
        <text class="section-content">
          我们采取多种安全措施保护您的信息：\n• 数据加密传输和存储\n• 访问控制和权限管理\n• 定期安全审计和漏洞修复\n• 员工隐私培训和保密协议
        </text>
      </view>

      <view class="section">
        <text class="section-title">5. 用户权利</text>
        <text class="section-content">
          您对自己的个人信息享有以下权利：\n• 访问权：查看我们持有的您的个人信息\n• 更正权：更正不准确或不完整的信息\n• 删除权：要求删除您的个人信息\n• 限制处理权：限制我们处理您的信息\n• 数据可携带权：获取您的数据副本
        </text>
      </view>

      <view class="section">
        <text class="section-title">6. Cookie和类似技术</text>
        <text class="section-content">
          我们使用Cookie和类似技术来：\n• 记住您的偏好设置\n• 分析网站使用情况\n• 提供个性化内容\n您可以通过浏览器设置管理Cookie偏好。
        </text>
      </view>

      <view class="section">
        <text class="section-title">7. 儿童隐私</text>
        <text class="section-content">
          我们不会故意收集13岁以下儿童的个人信息。如果我们发现收集了此类信息，将立即删除。如果您是家长或监护人，发现您的孩子向我们提供了个人信息，请联系我们。
        </text>
      </view>

      <view class="section">
        <text class="section-title">8. 政策更新</text>
        <text class="section-content">
          我们可能会不时更新本隐私政策。重大变更时，我们会通过应用内通知或其他方式告知您。继续使用我们的服务即表示您接受更新后的政策。
        </text>
      </view>

      <view class="section">
        <text class="section-title">9. 联系我们</text>
        <text class="section-content">
          如果您对本隐私政策有任何疑问或建议，请通过以下方式联系我们：\n• 邮箱：privacy@braincube.com\n• 电话：400-123-4567\n• 地址：北京市朝阳区科技园区123号
        </text>
      </view>
    </view>

    <view class="footer">
      <BrandButton
          text="我已阅读并同意"
          type="primary"
          size="large"
          @click="handleAgree"
      ></BrandButton>
    </view>
  </view>
</template>

<script setup>
import {ref, onMounted} from 'vue'
import BrandButton from '@/components/BrandButton.vue'
import {setPrivacyPolicyAgreed} from '@/utils/agreementManager.js'

// 响应式数据
const nextPage = ref(null) // 下一个要跳转的页面

// 生命周期钩子
onMounted(() => {
  // 获取页面参数
  const pages = getCurrentPages()
  const currentPage = pages[pages.length - 1]
  const options = currentPage.options || {}

  // 检查是否需要跳转到下一个页面
  if (options.next === 'agreement') {
    nextPage.value = 'agreement'
  }
})

// 方法
const handleAgree = () => {
  // 使用协议管理工具记录同意状态
  setPrivacyPolicyAgreed(true)

  uni.showToast({
    title: '已确认隐私政策',
    icon: 'success'
  })

  // 如果需要跳转到用户协议页面
  if (nextPage.value === 'agreement') {
    setTimeout(() => {
      uni.redirectTo({
        url: '/pages/user-agreement/user-agreement'
      })
    }, 1500)
  } else {
    // 返回上一页
    setTimeout(() => {
      uni.navigateBack()
    }, 1500)
  }
}
</script>

<style lang="scss" scoped>

.privacy-policy-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color: $bg-primary;

  .header {
    padding: 40rpx 40rpx 20rpx 40rpx;
    background: linear-gradient(135deg, $brand-primary 0%, $brand-primary-dark 100%);
    color: white;

    .title {
      display: block;
      font-size: 36rpx;
      font-weight: 700;
      margin-bottom: 10rpx;
    }

    .update-date {
      display: block;
      font-size: 24rpx;
      opacity: 0.8;
    }
  }

  .content {
    flex: 1;
    padding: 40rpx;
    box-sizing: border-box;

    .section {
      margin-bottom: 40rpx;

      .section-title {
        display: block;
        font-size: 32rpx;
        font-weight: 600;
        color: $brand-primary-dark;
        margin-bottom: 20rpx;
        padding-bottom: 10rpx;
        border-bottom: 2rpx solid $border-light;
      }

      .section-content {
        display: block;
        font-size: 28rpx;
        color: $text-primary;
        line-height: 1.6;
        white-space: pre-line;
      }
    }
  }

  .footer {
    padding: 30rpx 40rpx;
    background-color: white;
    border-top: 1rpx solid $border-light;
    box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.1);
  }
}

</style>